<template>
    <div class="Status">
    
        <form class="Selects">
            <select id="statusSelect" v-model="selectedStatus">
                <option value="">全部状态</option>
                <option v-for="(status, index) in statuses" :key="index" :value="status">
                    {{ status }}
                </option>
            </select>
        </form>

    </div>
</template>

<script>
export default {
    data() {
        return {
            statuses: [
                '空闲',
                '在用',
                '借用',
                '报失中',
                '调拨中',
                '维修中',
                '交接中',
                '派发中',
                '借出中',
                '退还中',
                '领用中',
                '借用中',
                '保养中',
                '处理中',
                '变更中',
                '主附调整中'
            ],
            selectedStatus: ''
        };
    }
};
</script>

<style>
.Status{
    width:100%;
 
}
.Selects{
    width: 100PX;
  
}
#statusSelect{
    width: 150px;
    height: 35px;


}
#statusSelect:hover{
    border: 1px solid #fbfbfc;
}
</style>
